<%@ taglib uri="http://java.sun.com/jsf/html" prefix="h"%>
<%@ taglib uri="http://java.sun.com/jsf/core" prefix="f"%>
<%@ taglib uri="http://myfaces.apache.org/tomahawk" prefix="t"%>

<%@ page language="java" contentType="text/html; charset=ISO-8859-1"
pageEncoding="ISO-8859-1"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<f:view>
	<html>
	<head>
	<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
	<title>IDE Login</title>
	<link rel="shortcut icon" href="images/idenewlogo.png">
	<style type="text/css">
		#silver {
		font-family: Sans-Serif;
		font-size: 12px;
		margin: 1px;
		width: 480px;
		text-align: left;
		border-collapse: collapse;
		}
		#silver th {
		font-size: 20px;
		font-weight: normal;
		text-align: center;
		padding: 8px;
		background-color: #676767;
		border-top: 2px solid #d3ddff;
		border-bottom: 1px solid #fff;
		color: #FFFFFF;
		}
		#silver td {
		padding: 8px;
		border-bottom: 1px solid #fff;
		color: #000000;
		border-top: 1px solid #fff;
		background: #e8edff url('table/silver.png') repeat-x;
		}
	</style>
	
	</head>
	<script type="text/javascript">
	  function clearForm(){
		  document.getElementById("userDetailsId:userNameId").value="";
		  document.getElementById("userDetailsId:passwordId").value="";
	  }
	</script>
	<body onload="clearForm();" bgcolor="48D1CC">
		<h:form id="userDetailsId">
			<div align="center">
				<table id="silver" summary="Gradient Table">
				<thead>
					<tr>
						<th>What Can I do with this Online Java IDE </th>
					</tr>
				</thead>
				<tbody>
					<tr>
						<td><t:graphicImage  id="arrowId1" url="images/arrow.gif"/> User can run Java Programs(individual or entire package)</td>
					</tr>
					<tr>
						<td><t:graphicImage  id="arrowId2" url="images/arrow.gif"/> User can define property  files, that can be used in java programs</td>
					</tr>
					<tr>
						<td><t:graphicImage  id="arrowId3" url="images/arrow.gif"/> User can define txt files, that can be used in java programs</td>
					</tr>
					<tr>
						<td><t:graphicImage  id="arrowId4" url="images/arrow.gif"/> User can define XML files,that can be parse in java programs</td>
					</tr>
					<tr>
						<td><t:graphicImage  id="arrowId5" url="images/arrow.gif"/> User can run his/her files using predefined jar files</td>
					</tr>
				</tbody>
				</table>
			</div>
			<div>
				<br>
			</div>
			<div align="center">
				<h:messages style="color:red"/>
				<h:panelGrid columns="2" cellpadding="2" cellspacing="2" border="3" style="align:center;background:silver;">
					
					<h:outputLabel>Email Id</h:outputLabel>
					<h:inputText value="#{userDetailsBean.username}" id="userNameId"/>
					
					<h:outputLabel>Password</h:outputLabel>
					<h:inputSecret value="#{userDetailsBean.password}" id="passwordId"/>
					
					<h:outputLabel></h:outputLabel>
					<h:commandButton label="Continue" action="#{userDetailsBean.loadUserFiles}" value="Continue" id="continueId"/>
					
					<h:outputLabel id="emptyId"></h:outputLabel>
					<h:outputLabel id="emptyId2"></h:outputLabel>
					
					<h:commandLink id="goToNewUserId" action="#{userDetailsBean.goToNewUser}">New User</h:commandLink>
					<h:commandLink id="forgetPasswordId" action="#{userDetailsBean.forgetPassword}">Forget Password</h:commandLink>
			</h:panelGrid>
			</div>
			<div>
				<br>
			</div>
			<div align="center">
				<table id="silver" summary="Gradient Table">
				<thead>
					<tr>
					<th style="color:lightblue">Please use IE6,IE7 and IE8 or Mozilla FireFox or Google Chrome   (IE9 and IE10 this application will not work)</th>
					</tr>
				</thead>
				</table>
			</div>
		</h:form>
		<p align="center">
	</p></body>
	</html>
</f:view>